<!-- BEGIN: Subheader -->
<div class="m-subheader">
	<div class="d-flex align-items-center">
		<div class="mr-auto">
			<h3 class="m-subheader__title m-subheader__title--separator">
				General Widgets
			</h3>
			<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
				<li class="m-nav__item m-nav__item--home">
					<a href="#" class="m-nav__link m-nav__link--icon">
						<i class="m-nav__link-icon la la-home"></i>
					</a>
				</li>
				<li class="m-nav__separator">
					-
				</li>
				<li class="m-nav__item">
					<a href="" class="m-nav__link">
						<span class="m-nav__link-text">
							Widgets
						</span>
					</a>
				</li>
				<li class="m-nav__separator">
					-
				</li>
				<li class="m-nav__item">
					<a href="" class="m-nav__link">
						<span class="m-nav__link-text">
							General Widgets
						</span>
					</a>
				</li>
			</ul>
		</div>
		<div>
			<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
				<a href="#" class="m-portlet__nav-link btn btn-lg btn-secondary  m-btn m-btn--outline-2x m-btn--air m-btn--icon m-btn--icon-only m-btn--pill  m-dropdown__toggle">
					<i class="la la-plus m--hide"></i>
					<i class="la la-ellipsis-h"></i>
				</a>
				<div class="m-dropdown__wrapper">
					<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
					<div class="m-dropdown__inner">
						<div class="m-dropdown__body">
							<div class="m-dropdown__content">
								<ul class="m-nav">
									<li class="m-nav__section m-nav__section--first m--hide">
										<span class="m-nav__section-text">
											Quick Actions
										</span>
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<i class="m-nav__link-icon flaticon-share"></i>
											<span class="m-nav__link-text">
												Activity
											</span>
										</a>
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<i class="m-nav__link-icon flaticon-chat-1"></i>
											<span class="m-nav__link-text">
												Messages
											</span>
										</a>
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<i class="m-nav__link-icon flaticon-info"></i>
											<span class="m-nav__link-text">
												FAQ
											</span>
										</a>
									</li>
									<li class="m-nav__item">
										<a href="" class="m-nav__link">
											<i class="m-nav__link-icon flaticon-lifebuoy"></i>
											<span class="m-nav__link-text">
												Support
											</span>
										</a>
									</li>
									<li class="m-nav__separator m-nav__separator--fit"></li>
									<li class="m-nav__item">
										<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
											Submit
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Subheader -->
<div class="m-content">
	<!--begin:: Widgets/Stats-->
	<div class="m-portlet">
		<div class="m-portlet__body  m-portlet__body--no-padding">
			<div class="row m-row--no-padding m-row--col-separator-xl">
				<div class="col-md-12 col-lg-6 col-xl-3">
					<!--begin::Total Profit-->
					<div class="m-widget24">
						<div class="m-widget24__item">
							<h4 class="m-widget24__title">
								Total Frofit
							</h4>
							<br>
							<span class="m-widget24__desc">
								All Customs Value
							</span>
							<span class="m-widget24__stats m--font-brand">
								$17,800
							</span>
							<div class="m--space-10"></div>
							<div class="progress m-progress--sm">
								<div class="progress-bar m--bg-brand" role="progressbar" style="width: 78%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<span class="m-widget24__change">
								Change
							</span>
							<span class="m-widget24__number">
								78%
							</span>
						</div>
					</div>
					<!--end::Total Profit-->
				</div>
				<div class="col-md-12 col-lg-6 col-xl-3">
					<!--begin::New Feedbacks-->
					<div class="m-widget24">
						<div class="m-widget24__item">
							<h4 class="m-widget24__title">
								New Feedbacks
							</h4>
							<br>
							<span class="m-widget24__desc">
								Customer Review
							</span>
							<span class="m-widget24__stats m--font-info">
								1349
							</span>
							<div class="m--space-10"></div>
							<div class="progress m-progress--sm">
								<div class="progress-bar m--bg-info" role="progressbar" style="width: 84%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<span class="m-widget24__change">
								Change
							</span>
							<span class="m-widget24__number">
								84%
							</span>
						</div>
					</div>
					<!--end::New Feedbacks-->
				</div>
				<div class="col-md-12 col-lg-6 col-xl-3">
					<!--begin::New Orders-->
					<div class="m-widget24">
						<div class="m-widget24__item">
							<h4 class="m-widget24__title">
								New Orders
							</h4>
							<br>
							<span class="m-widget24__desc">
								Fresh Order Amount
							</span>
							<span class="m-widget24__stats m--font-danger">
								567
							</span>
							<div class="m--space-10"></div>
							<div class="progress m-progress--sm">
								<div class="progress-bar m--bg-danger" role="progressbar" style="width: 69%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<span class="m-widget24__change">
								Change
							</span>
							<span class="m-widget24__number">
								69%
							</span>
						</div>
					</div>
					<!--end::New Orders-->
				</div>
				<div class="col-md-12 col-lg-6 col-xl-3">
					<!--begin::New Users-->
					<div class="m-widget24">
						<div class="m-widget24__item">
							<h4 class="m-widget24__title">
								New Users
							</h4>
							<br>
							<span class="m-widget24__desc">
								Joined New User
							</span>
							<span class="m-widget24__stats m--font-success">
								276
							</span>
							<div class="m--space-10"></div>
							<div class="progress m-progress--sm">
								<div class="progress-bar m--bg-success" role="progressbar" style="width: 90%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<span class="m-widget24__change">
								Change
							</span>
							<span class="m-widget24__number">
								90%
							</span>
						</div>
					</div>
					<!--end::New Users-->
				</div>
			</div>
		</div>
	</div>
	<!--end:: Widgets/Stats-->   <!--Begin::Main Portlet-->
	<div class="m-portlet">
		<div class="m-portlet__body m-portlet__body--no-padding">
			<div class="row m-row--no-padding m-row--col-separator-xl">
				<div class="col-md-12 col-lg-12 col-xl-4">
					<!--begin:: Widgets/Stats2-1 -->
					<div class="m-widget1">
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Member Profit
									</h3>
									<span class="m-widget1__desc">
										Awerage Weekly Profit
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-brand">
										+$17,800
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Orders
									</h3>
									<span class="m-widget1__desc">
										Weekly Customer Orders
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-danger">
										+1,800
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Issue Reports
									</h3>
									<span class="m-widget1__desc">
										System bugs and issues
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-success">
										-27,49%
									</span>
								</div>
							</div>
						</div>
					</div>
					<!--end:: Widgets/Stats2-1 -->
				</div>
				<div class="col-md-12 col-lg-12 col-xl-4">
					<!--begin:: Widgets/Stats2-2 -->
					<div class="m-widget1">
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										IPO Margin
									</h3>
									<span class="m-widget1__desc">
										Awerage IPO Margin
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-accent">
										+24%
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Payments
									</h3>
									<span class="m-widget1__desc">
										Yearly Expenses
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-info">
										+$560,800
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Logistics
									</h3>
									<span class="m-widget1__desc">
										Overall Regional Logistics
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-warning">
										-10%
									</span>
								</div>
							</div>
						</div>
					</div>
					<!--begin:: Widgets/Stats2-2 -->
				</div>
				<div class="col-md-12 col-lg-12 col-xl-4">
					<!--begin:: Widgets/Stats2-3 -->
					<div class="m-widget1">
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Orders
									</h3>
									<span class="m-widget1__desc">
										Awerage Weekly Orders
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-success">
										+15%
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Transactions
									</h3>
									<span class="m-widget1__desc">
										Daily Transaction Increase
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-danger">
										+80%
									</span>
								</div>
							</div>
						</div>
						<div class="m-widget1__item">
							<div class="row m-row--no-padding align-items-center">
								<div class="col">
									<h3 class="m-widget1__title">
										Revenue
									</h3>
									<span class="m-widget1__desc">
										Overall Revenue Increase
									</span>
								</div>
								<div class="col m--align-right">
									<span class="m-widget1__number m--font-primary">
										+60%
									</span>
								</div>
							</div>
						</div>
					</div>
					<!--begin:: Widgets/Stats2-3 -->
				</div>
			</div>
		</div>
	</div>
	<!--End::Main Portlet-->  <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-6">
			<!--begin:: Widgets/Tasks -->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Tasks
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget2_tab1_content" role="tab">
									Today
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget2_tab2_content1" role="tab">
									Week
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget2_tab3_content1" role="tab">
									Month
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="tab-content">
						<div class="tab-pane active" id="m_widget2_tab1_content">
							<div class="m-widget2">
								<div class="m-widget2__item m-widget2__item--primary">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By Bob
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="m-widget2__item m-widget2__item--warning">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Prepare Docs For Metting On Monday
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By Sean
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="m-widget2__item m-widget2__item--brand">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Make Widgets Great Again.Estudiat Communy Elit
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By Aziko
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="m-widget2__item m-widget2__item--success">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Make Metronic Great Again.Lorem Ipsum
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By James
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="m-widget2__item m-widget2__item--danger">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Completa Financial Report For Emirates Airlines
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By Bob
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="m-widget2__item m-widget2__item--info">
									<div class="m-widget2__checkbox">
										<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
											<input type="checkbox">
											<span></span>
										</label>
									</div>
									<div class="m-widget2__desc">
										<span class="m-widget2__text">
											Completa Financial Report For Emirates Airlines
										</span>
										<br>
										<span class="m-widget2__user-name">
											<a href="#" class="m-widget2__link">
												By Sean
											</a>
										</span>
									</div>
									<div class="m-widget2__actions">
										<div class="m-widget2__actions-nav">
											<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
												<a href="#" class="m-dropdown__toggle">
													<i class="la la-ellipsis-h"></i>
												</a>
												<div class="m-dropdown__wrapper">
													<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
													<div class="m-dropdown__inner">
														<div class="m-dropdown__body">
															<div class="m-dropdown__content">
																<ul class="m-nav">
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-share"></i>
																			<span class="m-nav__link-text">
																				Activity
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-chat-1"></i>
																			<span class="m-nav__link-text">
																				Messages
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-info"></i>
																			<span class="m-nav__link-text">
																				FAQ
																			</span>
																		</a>
																	</li>
																	<li class="m-nav__item">
																		<a href="" class="m-nav__link">
																			<i class="m-nav__link-icon flaticon-lifebuoy"></i>
																			<span class="m-nav__link-text">
																				Support
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="m_widget2_tab2_content"></div>
						<div class="tab-pane" id="m_widget2_tab3_content"></div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Tasks -->
		</div>
		<div class="col-xl-6">
			<!--begin:: Widgets/Support Tickets -->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Support Tickets
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl m-dropdown__toggle">
									<i class="la la-ellipsis-h m--font-brand"></i>
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget3">
						<div class="m-widget3__item">
							<div class="m-widget3__header">
								<div class="m-widget3__user-img">
									<img class="m-widget3__img" src="./assets/app/media/img/users/user1.jpg" alt="">
								</div>
								<div class="m-widget3__info">
									<span class="m-widget3__username">
										Melania Trump
									</span>
									<br>
									<span class="m-widget3__time">
										2 day ago
									</span>
								</div>
								<span class="m-widget3__status m--font-info">
									Pending
								</span>
							</div>
							<div class="m-widget3__body">
								<p class="m-widget3__text">
									Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.
								</p>
							</div>
						</div>
						<div class="m-widget3__item">
							<div class="m-widget3__header">
								<div class="m-widget3__user-img">
									<img class="m-widget3__img" src="./assets/app/media/img/users/user4.jpg" alt="">
								</div>
								<div class="m-widget3__info">
									<span class="m-widget3__username">
										Lebron King James
									</span>
									<br>
									<span class="m-widget3__time">
										1 day ago
									</span>
								</div>
								<span class="m-widget3__status m--font-brand">
									Open
								</span>
							</div>
							<div class="m-widget3__body">
								<p class="m-widget3__text">
									Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper.
								</p>
							</div>
						</div>
						<div class="m-widget3__item">
							<div class="m-widget3__header">
								<div class="m-widget3__user-img">
									<img class="m-widget3__img" src="./assets/app/media/img/users/user5.jpg" alt="">
								</div>
								<div class="m-widget3__info">
									<span class="m-widget3__username">
										Deb Gibson
									</span>
									<br>
									<span class="m-widget3__time">
										3 weeks ago
									</span>
								</div>
								<span class="m-widget3__status m--font-success">
									Closed
								</span>
							</div>
							<div class="m-widget3__body">
								<p class="m-widget3__text">
									Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Support Tickets -->
		</div>
	</div>
	<!--End::Main Portlet-->  <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-4">
			<!--begin:: Widgets/Download Files-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Download Files
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">
									Today
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--begin::m-widget4-->
					<div class="m-widget4">
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/doc.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Metronic Documentation
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/jpg.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Make JPEG Great Again
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/pdf.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Full Deeveloper Manual For 4.7
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/javascript.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Make JS Great Again
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/zip.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Download Ziped version OF 5.0
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--icon">
								<img src="./assets/app/media/img/files/pdf.svg" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Finance Report 2016/2017
								</span>
							</div>
							<div class="m-widget4__ext">
								<a href="#" class="m-widget4__icon">
									<i class="la la-download"></i>
								</a>
							</div>
						</div>
					</div>
					<!--end::Widget 9-->
				</div>
			</div>
			<!--end:: Widgets/Download Files-->
		</div>
		<div class="col-xl-4">
			<!--begin:: Widgets/New Users-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								New Users
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget4_tab1_content" role="tab">
									Today
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget4_tab2_content" role="tab">
									Month
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="tab-content">
						<div class="tab-pane active" id="m_widget4_tab1_content">
							<!--begin::Widget 14-->
							<div class="m-widget4">
								<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_4.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Anna Strong
										</span>
										<br>
										<span class="m-widget4__sub">
											Visual Designer,Google Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#"  class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_14.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Milano Esco
										</span>
										<br>
										<span class="m-widget4__sub">
											Product Designer, Apple Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_11.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Nick Bold
										</span>
										<br>
										<span class="m-widget4__sub">
											Web Developer, Facebook Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_1.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Wiltor Delton
										</span>
										<br>
										<span class="m-widget4__sub">
											Project Manager, Amazon Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item--> 		 					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_5.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Nick Stone
										</span>
										<br>
										<span class="m-widget4__sub">
											Visual Designer, Github Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#"  class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->
							</div>
							<!--end::Widget 14-->
						</div>
						<div class="tab-pane" id="m_widget4_tab2_content">
							<!--begin::Widget 14-->
							<div class="m-widget4">
								<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_2.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Kristika Bold
										</span>
										<br>
										<span class="m-widget4__sub">
											Product Designer,Apple Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#"  class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_13.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Ron Silk
										</span>
										<br>
										<span class="m-widget4__sub">
											Release Manager, Loop Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_9.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Nick Bold
										</span>
										<br>
										<span class="m-widget4__sub">
											Web Developer, Facebook Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_2.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Wiltor Delton
										</span>
										<br>
										<span class="m-widget4__sub">
											Project Manager, Amazon Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item--> 		 					<!--end::Widget 14 Item-->  					<!--begin::Widget 14 Item-->
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_8.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Nick Bold
										</span>
										<br>
										<span class="m-widget4__sub">
											Web Developer, Facebook Inc
										</span>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--pill m-btn--hover-brand btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<!--end::Widget 14 Item-->
							</div>
							<!--end::Widget 14-->
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/New Users-->
		</div>
		<div class="col-xl-4">
			<!--begin:: Widgets/Last Updates-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Latest Updates
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">
									Today
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--begin::widget 12-->
					<div class="m-widget4">
						<div class="m-widget4__item">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-interface-3"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Make Metronic Great Again
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									+500
								</span>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-folder-4"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Green Maker Team
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									-64
								</span>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-line-graph"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Make Apex Great Again
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									+1080
								</span>
							</div>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-diagram"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									A Programming Language
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									+19
								</span>
							</div>
						</div>
						<div class="m-widget4__item m-widget4__item-border">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-music"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									Red Painted Truck
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									+134
								</span>
							</div>
						</div>
						<div class="m-widget4__item m-widget4__item-border">
							<div class="m-widget4__ext">
								<span class="m-widget4__icon m--font-brand">
									<i class="flaticon-user"></i>
								</span>
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__text">
									New Customer
								</span>
							</div>
							<div class="m-widget4__ext">
								<span class="m-widget4__number m--font-info">
									+13%
								</span>
							</div>
						</div>
					</div>
					<!--end::Widget 12-->
				</div>
			</div>
			<!--end:: Widgets/Last Updates-->
		</div>
	</div>
	<!--End::Main Portlet-->   <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-8">
			<!--begin:: Widgets/Best Sellers-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Best Sellers
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget5_tab1_content" role="tab">
									Last Month
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget5_tab2_content" role="tab">
									last Year
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget5_tab3_content" role="tab">
									All time
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--begin::Content-->
					<div class="tab-content">
						<div class="tab-pane active" id="m_widget5_tab1_content" aria-expanded="true">
							<!--begin::m-widget5-->
							<div class="m-widget5">
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product6.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Great Logo Designn
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-label">
												author:
											</span>
											<span class="m-widget5__info-author-name">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											19,200
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1046
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product10.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Branding Mockup
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											24,583
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											3809
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product11.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Awesome Mobile App
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											10,054
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1103
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
							</div>
							<!--end::m-widget5-->
						</div>
						<div class="tab-pane" id="m_widget5_tab2_content" aria-expanded="false">
							<!--begin::m-widget5-->
							<div class="m-widget5">
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product11.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Branding Mockup
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											24,583
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											3809
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product6.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Great Logo Designn
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											19,200
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1046
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product10.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Awesome Mobile App
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											10,054
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1103
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
							</div>
							<!--end::m-widget5-->
						</div>
						<div class="tab-pane" id="m_widget5_tab3_content" aria-expanded="false">
							<!--begin::m-widget5-->
							<div class="m-widget5">
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product10.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Branding Mockup
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											10.054
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1103
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product11.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Great Logo Designn
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											24,583
										</span>
										<br>
										<span class="m-widget5__sales">
											sales
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											3809
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
								<div class="m-widget5__item">
									<div class="m-widget5__pic">
										<img class="m-widget7__img" src="./assets/app/media/img//products/product6.jpg" alt="">
									</div>
									<div class="m-widget5__content">
										<h4 class="m-widget5__title">
											Awesome Mobile App
										</h4>
										<span class="m-widget5__desc">
											Make Metronic Great  Again.Lorem Ipsum Amet
										</span>
										<div class="m-widget5__info">
											<span class="m-widget5__author">
												Author:
											</span>
											<span class="m-widget5__info-author m--font-info">
												Fly themes
											</span>
											<span class="m-widget5__info-label">
												Released:
											</span>
											<span class="m-widget5__info-date m--font-info">
												23.08.17
											</span>
										</div>
									</div>
									<div class="m-widget5__stats1">
										<span class="m-widget5__number">
											19,200
										</span>
										<br>
										<span class="m-widget5__sales">
											1046
										</span>
									</div>
									<div class="m-widget5__stats2">
										<span class="m-widget5__number">
											1046
										</span>
										<br>
										<span class="m-widget5__votes">
											votes
										</span>
									</div>
								</div>
							</div>
							<!--end::m-widget5-->
						</div>
					</div>
					<!--end::Content-->
				</div>
			</div>
			<!--end:: Widgets/Best Sellers-->
		</div>
		<div class="col-xl-4">
			<!--begin:: Widgets/Authors Profit-->
			<div class="m-portlet m-portlet--bordered-semi m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Authors Profit
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">
									All
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget4">
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--logo">
								<img src="./assets/app/media/img/client-logos/logo5.png" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__title">
									Trump Themes
								</span>
								<br>
								<span class="m-widget4__sub">
									Make Metronic Great Again
								</span>
							</div>
							<span class="m-widget4__ext">
								<span class="m-widget4__number m--font-brand">
									+$2500
								</span>
							</span>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--logo">
								<img src="./assets/app/media/img/client-logos/logo4.png" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__title">
									StarBucks
								</span>
								<br>
								<span class="m-widget4__sub">
									Good Coffee & Snacks
								</span>
							</div>
							<span class="m-widget4__ext">
								<span class="m-widget4__number m--font-brand">
									-$290
								</span>
							</span>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--logo">
								<img src="./assets/app/media/img/client-logos/logo3.png" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__title">
									Phyton
								</span>
								<br>
								<span class="m-widget4__sub">
									A Programming Language
								</span>
							</div>
							<span class="m-widget4__ext">
								<span class="m-widget4__number m--font-brand">
									+$17
								</span>
							</span>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--logo">
								<img src="./assets/app/media/img/client-logos/logo2.png" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__title">
									GreenMakers
								</span>
								<br>
								<span class="m-widget4__sub">
									Make Green Great Again
								</span>
							</div>
							<span class="m-widget4__ext">
								<span class="m-widget4__number m--font-brand">
									-$2.50
								</span>
							</span>
						</div>
						<div class="m-widget4__item">
							<div class="m-widget4__img m-widget4__img--logo">
								<img src="./assets/app/media/img/client-logos/logo1.png" alt="">
							</div>
							<div class="m-widget4__info">
								<span class="m-widget4__title">
									FlyThemes
								</span>
								<br>
								<span class="m-widget4__sub">
									A Let's Fly Fast Again Language
								</span>
							</div>
							<span class="m-widget4__ext">
								<span class="m-widget4__number m--font-brand">
									+$200
								</span>
							</span>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Authors Profit-->
		</div>
	</div>
	<!--End::Main Portlet-->     <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-4">
			<!--begin:: Widgets/Announcements 1-->
			<div class="m-portlet m--bg-accent m-portlet--bordered-semi m-portlet--skin-dark m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Announcements
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
								<a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl">
									<i class="la la-ellipsis-h m--font-light"></i>
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--begin::Widget 7-->
					<div class="m-widget7 m-widget7--skin-dark">
						<div class="m-widget7__desc">
							Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy euismod tinciduntut laoreet doloremagna
						</div>
						<div class="m-widget7__user">
							<div class="m-widget7__user-img">
								<img class="m-widget7__img" src="./assets/app/media/img//users/100_3.jpg" alt="">
							</div>
							<div class="m-widget7__info">
								<span class="m-widget7__username">
									Dan Bold
								</span>
								<br>
								<span class="m-widget7__time">
									3 days ago
								</span>
							</div>
						</div>
						<div class="m-widget7__button">
							<a class="m-btn m-btn--pill btn btn-danger" href="#" role="button">
								All Feeds
							</a>
						</div>
					</div>
					<!--end::Widget 7-->
				</div>
			</div>
			<!--end:: Widgets/Announcements 1-->
		</div>
		<div class="col-xl-4">
			<!--begin:: Widgets/Blog-->
			<div class="m-portlet m-portlet--bordered-semi m-portlet--full-height">
				<div class="m-portlet__head m-portlet__head--fit">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-action">
							<button type="button" class="btn btn-sm m-btn--pill  btn-brand">
								Blog
							</button>
						</div>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget19">
						<div class="m-widget19__pic m-portlet-fit--top m-portlet-fit--sides" style="min-height-: 286px">
							<img src="./assets/app/media/img//blog/blog1.jpg" alt="">
							<h3 class="m-widget19__title m--font-light">
								Introducing New Feature
							</h3>
							<div class="m-widget19__shadow"></div>
						</div>
						<div class="m-widget19__content">
							<div class="m-widget19__header">
								<div class="m-widget19__user-img">
									<img class="m-widget19__img" src="./assets/app/media/img//users/user1.jpg" alt="">
								</div>
								<div class="m-widget19__info">
									<span class="m-widget19__username">
										Anna Krox
									</span>
									<br>
									<span class="m-widget19__time">
										UX/UI Designer, Google
									</span>
								</div>
								<div class="m-widget19__stats">
									<span class="m-widget19__number m--font-brand">
										18
									</span>
									<span class="m-widget19__comment">
										Comments
									</span>
								</div>
							</div>
							<div class="m-widget19__body">
								Lorem Ipsum is simply dummy text of the printing and typesetting industry scrambled it to make text of the printing and typesetting industry scrambled a type specimen book text of the dummy text of the printing printing and typesetting industry scrambled dummy text of the printing.
							</div>
						</div>
						<div class="m-widget19__action">
							<button type="button" class="btn m-btn--pill btn-secondary m-btn m-btn--hover-brand m-btn--custom">
								Read More
							</button>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Blog-->
		</div>
		<div class="col-xl-4">
			<!--begin:: Widgets/Announcements 2-->
			<div class="m-portlet m--bg-danger m-portlet--bordered-semi m-portlet--skin-dark m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Announcements
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover">
								<a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl">
									<i class="la la-ellipsis-h m--font-light"></i>
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--begin::Widget 7-->
					<div class="m-widget7 m-widget7--skin-dark">
						<div class="m-widget7__desc">
							Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy euismod tinciduntut laoreet doloremagna
						</div>
						<div class="m-widget7__user">
							<div class="m-widget7__user-img">
								<img class="m-widget7__img" src="./assets/app/media/img//users/100_5.jpg" alt="">
							</div>
							<div class="m-widget7__info">
								<span class="m-widget7__username">
									Nick Mana
								</span>
								<br>
								<span class="m-widget7__time">
									6 hours ago
								</span>
							</div>
						</div>
						<div class="m-widget7__button">
							<a class="m-btn m-btn--pill btn btn-accent" href="#" role="button">
								All Feeds
							</a>
						</div>
					</div>
					<!--end::Widget 7-->
				</div>
			</div>
			<!--end:: Widgets/Announcements 2-->
		</div>
	</div>
	<!--End::Main Portlet-->  <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-4">
			<!--begin:: Widgets/Sales States-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Sales Stats
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl">
									<i class="fa fa-genderless m--font-brand"></i>
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 17px;"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget6">
						<div class="m-widget6__head">
							<div class="m-widget6__item">
								<span class="m-widget6__caption">
									Sceduled
								</span>
								<span class="m-widget6__caption">
									Count
								</span>
								<span class="m-widget6__caption m--align-right">
									Amount
								</span>
							</div>
						</div>
						<div class="m-widget6__body">
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									16/13/17
								</span>
								<span class="m-widget6__text">
									67
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$14,740
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									02/28/17
								</span>
								<span class="m-widget6__text">
									120
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$11,002
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									03/06/17
								</span>
								<span class="m-widget6__text">
									32
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$10,900
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									10/21/17
								</span>
								<span class="m-widget6__text">
									130
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$14,740
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									01/02/17
								</span>
								<span class="m-widget6__text">
									5
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$18,540
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									03/06/17
								</span>
								<span class="m-widget6__text">
									32
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$10,900
								</span>
							</div>
							<div class="m-widget6__item">
								<span class="m-widget6__text">
									12/31/17
								</span>
								<span class="m-widget6__text">
									201
								</span>
								<span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
									$25,609
								</span>
							</div>
						</div>
						<div class="m-widget6__foot">
							<div class="m-widget6__action m--align-right">
								<button type="button" class="btn m-btn--pill btn-secondary m-btn m-btn--hover-brand m-btn--custom">
									Export
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Sales States-->
		</div>
		<div class="col-xl-8">
			<!--begin:: Widgets/User Progress -->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								User Progress
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget4_tab1_content" role="tab">
									Today
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget4_tab2_content" role="tab">
									Week
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget4_tab3_content" role="tab">
									Month
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="tab-content">
						<div class="tab-pane active" id="m_widget4_tab1_content">
							<div class="m-widget4 m-widget4--progress">
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_4.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Anna Strong
										</span>
										<br>
										<span class="m-widget4__sub">
											Visual Designer,Google Inc
										</span>
									</div>
									<div class="m-widget4__progress">
										<div class="m-widget4__progress-wrapper">
											<span class="m-widget17__progress-number">
												63%
											</span>
											<span class="m-widget17__progress-label">
												London
											</span>
											<div class="progress m-progress--sm">
												<div class="progress-bar bg-danger" role="progressbar" style="width: 63%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="63"></div>
											</div>
										</div>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--hover-brand m-btn--pill btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_14.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Milano Esco
										</span>
										<br>
										<span class="m-widget4__sub">
											Product Designer, Apple Inc
										</span>
									</div>
									<div class="m-widget4__progress">
										<div class="m-widget4__progress-wrapper">
											<span class="m-widget17__progress-number">
												33%
											</span>
											<span class="m-widget17__progress-label">
												Paris
											</span>
											<div class="progress m-progress--sm">
												<div class="progress-bar bg-success" role="progressbar" style="width: 33%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="33"></div>
											</div>
										</div>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--hover-brand m-btn--pill btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_11.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Nick Bold
										</span>
										<br>
										<span class="m-widget4__sub">
											Web Developer, Facebook Inc
										</span>
									</div>
									<div class="m-widget4__progress">
										<div class="m-widget4__progress-wrapper">
											<span class="m-widget17__progress-number">
												13%
											</span>
											<span class="m-widget17__progress-label">
												London
											</span>
											<div class="progress m-progress--sm">
												<div class="progress-bar bg-brand" role="progressbar" style="width: 13%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="13"></div>
											</div>
										</div>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--hover-brand m-btn--pill btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_1.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Wiltor Delton
										</span>
										<br>
										<span class="m-widget4__sub">
											Project Manager, Amazon Inc
										</span>
									</div>
									<div class="m-widget4__progress">
										<div class="m-widget4__progress-wrapper">
											<span class="m-widget17__progress-number">
												93%
											</span>
											<span class="m-widget17__progress-label">
												New York
											</span>
											<div class="progress m-progress--sm">
												<div class="progress-bar bg-danger" role="progressbar" style="width: 93%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="93"></div>
											</div>
										</div>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--hover-brand m-btn--pill btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
								<div class="m-widget4__item">
									<div class="m-widget4__img m-widget4__img--pic">
										<img src="./assets/app/media/img/users/100_6.jpg" alt="">
									</div>
									<div class="m-widget4__info">
										<span class="m-widget4__title">
											Sam Stone
										</span>
										<br>
										<span class="m-widget4__sub">
											Project Manager, Kilpo Inc
										</span>
									</div>
									<div class="m-widget4__progress">
										<div class="m-widget4__progress-wrapper">
											<span class="m-widget17__progress-number">
												50%
											</span>
											<span class="m-widget17__progress-label">
												New York
											</span>
											<div class="progress m-progress--sm">
												<div class="progress-bar bg-warning" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="50"></div>
											</div>
										</div>
									</div>
									<div class="m-widget4__ext">
										<a href="#" class="m-btn m-btn--hover-brand m-btn--pill btn btn-sm btn-secondary">
											Follow
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="m_widget4_tab2_content"></div>
						<div class="tab-pane" id="m_widget4_tab3_content"></div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/User Progress -->
		</div>
	</div>
	<!--End::Main Portlet-->  <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-6">
			<!--begin:: Widgets/Finance Summary-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Finance Summary
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-danger">
									Today
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 34.5px;"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget12">
						<div class="m-widget12__item">
							<span class="m-widget12__text1">
								Annual Companies Taxes EMS
								<br>
								<span>
									$500,000
								</span>
							</span>
							<span class="m-widget12__text2">
								Next Tax Review Date
								<br>
								<span>
									July 24,2017
								</span>
							</span>
						</div>
						<div class="m-widget12__item">
							<span class="m-widget12__text1">
								Total Annual Profit Before Tax
								<br>
								<span>
									$3,800,000
								</span>
							</span>
							<span class="m-widget12__text2">
								Type Of Market Share
								<br>
								<span>
									Grossery
								</span>
							</span>
						</div>
						<div class="m-widget12__item">
							<span class="m-widget12__text1">
								Avarage Product Price
								<br>
								<span>
									$60,70
								</span>
							</span>
							<div class="m-widget12__text2">
								<div class="m-widget12__desc">
									Satisfication Rate
								</div>
								<br>
								<div class="m-widget12__progress">
									<div class="m-widget12__progress-sm progress m-progress--sm">
										<div class="m-widget12__progress-bar progress-bar bg-brand" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
									</div>
									<span class="m-widget12__stats">
										63%
									</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Finance Summary-->
		</div>
		<div class="col-xl-6">
			<!--begin:: Widgets/Company Summary-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Company Summary
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-primary">
									Today
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 34.5px;"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">
															Quick Actions
														</span>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
													<li class="m-nav__separator m-nav__separator--fit"></li>
													<li class="m-nav__item">
														<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">
															Cancel
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget13">
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Company Name
							</span>
							<span class="m-widget13__text m-widget13__text-bolder">
								Stuad Deportive
							</span>
						</div>
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Anual Taxes:
							</span>
							<span class="m-widget13__text m-widget13__text-bolder">
								$520,000
							</span>
						</div>
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Business Description:
							</span>
							<span class="m-widget13__text">
								Lorem Ipsum is simply dummy text of the printing and typesetting industry.
							</span>
						</div>
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Employee Amount:
							</span>
							<span class="m-widget13__text m-widget13__text-bolder">
								1,300
							</span>
						</div>
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Emal:
							</span>
							<span class="m-widget13__text">
								supporet@keenthemes.com
							</span>
						</div>
						<div class="m-widget13__item">
							<span class="m-widget13__desc m--align-right">
								Phone:
							</span>
							<span class="m-widget13__text m-widget13__number-bolder m--font-brand">
								(0) 123 456 78 90
							</span>
						</div>
						<div class="m-widget13__action m--align-right">
							<button type="button" class="m-widget__detalis  btn m-btn--pill  btn-accent">
								Detalis
							</button>
							<button type="button" class="btn m-btn--pill    btn-secondary">
								Update
							</button>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Company Summary-->
		</div>
	</div>
	<!--End::Main Portlet-->  <!--Begin::Main Portlet-->
	<div class="row">
		<div class="col-xl-6">
			<!--begin:: Widgets/Sale Reports-->
			<div class="m-portlet m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Sales Reports
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget11_tab1_content" role="tab">
									Last Month
								</a>
							</li>
							<li class="nav-item m-tabs__item">
								<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget11_tab2_content" role="tab">
									All Time
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<!--Begin::Tab Content-->
					<div class="tab-content">
						<!--begin::tab 1 content-->
						<div class="tab-pane active" id="m_widget11_tab1_content">
							<!--begin::Widget 11-->
							<div class="m-widget11">
								<div class="table-responsive">
									<!--begin::Table-->
									<table class="table">
										<!--begin::Thead-->
										<thead>
											<tr>
												<td class="m-widget11__label">
													#
												</td>
												<td class="m-widget11__app">
													Application
												</td>
												<td class="m-widget11__sales">
													Sales
												</td>
												<td class="m-widget11__price">
													Avg Price
												</td>
												<td class="m-widget11__total m--align-right">
													Total
												</td>
											</tr>
										</thead>
										<!--end::Thead--> 							<!--begin::Tbody-->
										<tbody>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Vertex 2.0
													</span>
													<span class="m-widget11__sub">
														Vertex To By Again
													</span>
												</td>
												<td>
													19,200
												</td>
												<td>
													$63
												</td>
												<td class="m--align-right m--font-brand">
													$14,740
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Metronic
													</span>
													<span class="m-widget11__sub">
														Powerful Admin Theme
													</span>
												</td>
												<td>
													24,310
												</td>
												<td>
													$39
												</td>
												<td class="m--align-right m--font-brand">
													$16,010
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Apex
													</span>
													<span class="m-widget11__sub">
														The Best Selling App
													</span>
												</td>
												<td>
													9,076
												</td>
												<td>
													$105
												</td>
												<td class="m--align-right m--font-brand">
													$37,200
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Cascades
													</span>
													<span class="m-widget11__sub">
														Design Tool
													</span>
												</td>
												<td>
													11,094
												</td>
												<td>
													$16
												</td>
												<td class="m--align-right m--font-brand">
													$8,520
												</td>
											</tr>
										</tbody>
										<!--end::Tbody-->
									</table>
									<!--end::Table-->
								</div>
								<div class="m-widget11__action m--align-right">
									<button type="button" class="btn m-btn--pill btn-outline-brand m-btn m-btn--custom">
										Import Report
									</button>
								</div>
							</div>
							<!--end::Widget 11-->
						</div>
						<!--end::tab 1 content--> 			<!--begin::tab 2 content-->
						<div class="tab-pane" id="m_widget11_tab2_content">
							<!--begin::Widget 11-->
							<div class="m-widget11">
								<div class="table-responsive">
									<!--begin::Table-->
									<table class="table">
										<!--begin::Thead-->
										<thead>
											<tr>
												<td class="m-widget11__label">
													#
												</td>
												<td class="m-widget11__app">
													Application
												</td>
												<td class="m-widget11__sales">
													Sales
												</td>
												<td class="m-widget11__change">
													Change
												</td>
												<td class="m-widget11__price">
													Avg Price
												</td>
												<td class="m-widget11__total m--align-right">
													Total
												</td>
											</tr>
										</thead>
										<!--end::Thead--> 							<!--begin::Tbody-->
										<tbody>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Loop
													</span>
													<span class="m-widget11__sub">
														CRM System
													</span>
												</td>
												<td>
													19,200
												</td>
												<td>
													$63
												</td>
												<td>
													$11,300
												</td>
												<td class="m--align-right m--font-brand">
													$34,740
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Selto
													</span>
													<span class="m-widget11__sub">
														Powerful Website Builder
													</span>
												</td>
												<td>
													24,310
												</td>
												<td>
													$39
												</td>
												<td>
													$14,700
												</td>
												<td class="m--align-right m--font-brand">
													$46,010
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Jippo
													</span>
													<span class="m-widget11__sub">
														The Best Selling App
													</span>
												</td>
												<td>
													9,076
												</td>
												<td>
													$105
												</td>
												<td>
													$8,400
												</td>
												<td class="m--align-right m--font-brand">
													$67,800
												</td>
											</tr>
											<tr>
												<td>
													<label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand">
														<input type="checkbox">
														<span></span>
													</label>
												</td>
												<td>
													<span class="m-widget11__title">
														Verto
													</span>
													<span class="m-widget11__sub">
														Web Development Tool
													</span>
												</td>
												<td>
													11,094
												</td>
												<td>
													$16
												</td>
												<td>
													$12,500
												</td>
												<td class="m--align-right m--font-brand">
													$18,520
												</td>
											</tr>
										</tbody>
										<!--end::Tbody-->
									</table>
									<!--end::Table-->
								</div>
								<div class="m-widget11__action m--align-right">
									<button type="button" class="btn m-btn--pill btn-outline-brand m-btn m-btn--custom">
										Generate Report
									</button>
								</div>
							</div>
							<!--end::Widget 11-->
						</div>
						<!--end::tab 2 content--> 			<!--begin::tab 3 content-->
						<div class="tab-pane" id="m_widget11_tab3_content"></div>
						<!--end::tab 3 content-->
					</div>
					<!--End::Tab Content-->
				</div>
			</div>
			<!--end:: Widgets/Sale Reports-->
		</div>
		<div class="col-xl-6">
			<!--begin:: Widgets/Product Sales-->
			<div class="m-portlet m-portlet--bordered-semi m-portlet--space m-portlet--full-height">
				<div class="m-portlet__head">
					<div class="m-portlet__head-caption">
						<div class="m-portlet__head-title">
							<h3 class="m-portlet__head-text">
								Product Sales
								<span class="m-portlet__head-desc">
									Total Sales By Products
								</span>
							</h3>
						</div>
					</div>
					<div class="m-portlet__head-tools">
						<ul class="m-portlet__nav">
							<li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">
									Filter
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 36.5px;"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-share"></i>
															<span class="m-nav__link-text">
																Activity
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-chat-1"></i>
															<span class="m-nav__link-text">
																Messages
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-info"></i>
															<span class="m-nav__link-text">
																FAQ
															</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-lifebuoy"></i>
															<span class="m-nav__link-text">
																Support
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="m-portlet__body">
					<div class="m-widget25">
						<span class="m-widget25__price m--font-brand">
							$237,650
						</span>
						<span class="m-widget25__desc">
							Total Revenue This Month
						</span>
						<div class="m-widget25--progress">
							<div class="m-widget25__progress">
								<span class="m-widget25__progress-number">
									63%
								</span>
								<div class="m--space-10"></div>
								<div class="progress m-progress--sm">
									<div class="progress-bar m--bg-danger" role="progressbar" style="width: 63%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								<span class="m-widget25__progress-sub">
									Sales Growth
								</span>
							</div>
							<div class="m-widget25__progress">
								<span class="m-widget25__progress-number">
									39%
								</span>
								<div class="m--space-10"></div>
								<div class="progress m-progress--sm">
									<div class="progress-bar m--bg-accent" role="progressbar" style="width: 39%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								<span class="m-widget25__progress-sub">
									Product Growth
								</span>
							</div>
							<div class="m-widget25__progress" >
								<span class="m-widget25__progress-number">
									54%
								</span>
								<div class="m--space-10"></div>
								<div class="progress m-progress--sm">
									<div class="progress-bar m--bg-warning" role="progressbar" style="width: 54%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								<span class="m-widget25__progress-sub">
									Community Growth
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--end:: Widgets/Product Sales-->
		</div>
	</div>
	<!--End::Main Portlet-->
</div>
